<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 问题详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> <link href="/Public/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/Public/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/Public/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/Public/css/animate.css" rel="stylesheet">
    <link href="/Public/css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        .project-people img {
            width: 160px;
            height: 160px;
        }
    </style>

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content" style="position:relative;z-index:0">
    <div class="row">

        <div class="col-sm-9 animated fadeInRight">
            <div class="mail-box-header">
                <div class="pull-right tooltip-demo">
                    <a href="javascript:;" onclick="self.location=document.referrer;" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="返回"><i class="fa fa-reply"></i> 返回</a>
                </div>
                <h2>
                    问题描述
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <h3>
                        <span class="font-noraml">提问： </span><{$content.standard_question}>
                    </h3>
                    <div style="display: block;margin-bottom: 10px;">
                        <foreach name='img_url' item='img'>
                            <if condition="($img neq '')">
                                <div style="display: block; margin-right: 900px;" class="project-people">
                                    <a href="<{$img}>" class="img_link" data-rel="colorbox"> <img src="<{$img}>" height="142px" width="196px"/></a>
                                </div>
                            </if>
                        </foreach>
                    </div>
                    <h5>
                        <span class="pull-right font-noraml">反馈问题于：<{$content.time}></span>
                        <span class="font-noraml">问题分类： </span><{$content.type}>
                    </h5>
                </div>
            </div>
            <div class="mail-box-header">
                <div class="clearfix"></div>

                <h2>
                    参考答案
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <h3>
                        <span class="font-noraml">回复： </span><{$content.answer}>
                    </h3>
                    <h5>
                        <span class="pull-right font-noraml"><{$content.time}></span>
                    </h5>
                </div>
            </div>
            <div class="mail-box-header">
                <div class="clearfix"></div>
                <h2>
                    相似问题
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <h3>
                        <span class="font-noraml">问题：</span><{$content.similar_question}>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/Public/js/jquery.min.js?v=2.1.4"></script>
<script src="/Public/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/Public/js/content.js?v=1.0.0"></script>
<script src="/Public/js/plugins/iCheck/icheck.min.js"></script>
<script src="/Public/admin/js/plugins/fancybox/jquery.fancybox.js"></script>
<script src="/Public/admin/js/plugins/jquery.colorbox-min.js"></script>
<script>
    jQuery(function ($) {
        colorbox_params = {
            reposition: true,
            scalePhotos: true,
            scrolling: false,
            previous: '<i class="fa fa-chevron-left"></i>',
            next: '<i class="fa fa-chevron-right"></i>',
            close: '&times;',
            current: '{current} of {total}',
            maxWidth: '100%',
            maxHeight: '100%',
            onOpen: function () {
                document.body.style.overflow = 'hidden';
            },
            onClosed: function () {
                document.body.style.overflow = 'auto';
            },
            onComplete: function () {
                $.colorbox.resize();
            }
        };
        $('.Info_style [data-rel="colorbox"]').colorbox(colorbox_params);
        $('.project-people [data-rel="colorbox"]').colorbox(colorbox_params);
        $("#cboxLoadingGraphic").append("<i class='icon-spinner orange'></i>");

    });

</script>

</body>

</html>
